<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/customer.css">
</head>
<body>
    <div class="custmer">
        <div class="cust-top">
            <p class="p-top">
                <span class="img-sp"><img src="https://livechat.dior.cn:19093/livechat/chatapp/dist/hs/static/logo_blackbk.jpg" alt=""></span>
                <span class="k-sp"></span>
                <span class="x-sp"><span class="n-sp"><img src="https://livechat.dior.cn:19093/livechat/chatapp/dist/hs/static/innerchat.gif" alt=""></span></span>
                <span class="y-sp"><span class="w-sp"><img src="https://livechat.dior.cn:19093/livechat/chatapp/dist/hs/static/innerchat.gif" alt=""></span></span>
            </p>

        </div>
         <div class="base">
            <div class="ba-one">
                <p class="ba-p1">为了更好地为您服务，请填写下列信息，然后点击 “咨询” 按钮开始与客服人员进行交谈。</p>
            </div>
            <div class="ba-two">
                <p class="ba-p2">姓        名:</p>
                <p class="ba-in"><input type="text"><span>*</span></p>
            </div>
            <div class="ba-two">
                <p class="ba-p2">电         话:</p>
                <p class="ba-in"><input type="text"><span>*</span></p>
            </div>
            <div class="ba-two">
                <p class="ba-p3">问题类型</p>
                <div class="select">
                    <select name="" id="">
                        <option value="">请选择</option>
                        <option value="">产品咨询问题</option>
                        <option value="">订单处理问题</option>
                        <option value="">物流查询问题</option>
                        <option value="">退换货问题</option>
                        <option value="">网站使用问题</option>
                        <option value="">账户管理咨询问题</option>
                        <option value="">会员相关咨询</option>
                        <option value="">其他</option>
                    </select>
                    <span class="sp3">*</span>
                </div>
            </div>
            <div class="sub">
                <button>咨询</button>
            </div>
        </div> 
    </div>

    <div class="cus"><img src="https://livechat.dior.cn:19093/livechat/chatapp/dist/hs/static/PCD_mob.png" alt=""></div>
</body>
<script src="./javascripts/jQuery.js"></script>
<script>

        $(".cus").click(function(){
            $('.custmer').css({
                display : "block"
            });
            
        })
       
        $('.p-top').click(function() {
            $('.custmer').css({
                display : "none"
            });
});
</script>
</html>